
@import "../variables.less";
.box{
  background: #F3F4F6;
}
.memberSelf{
  width: 100%;
  display: block;
}

.massage{
  position: absolute;
  text-align: center;
  width: 100%;
  .rem-px(top, 80);
  // .rem-px(left, 100);
  margin: 0 auto;
}

.headImg{
  .rem-px(width, 120);
  .rem-px(height, 120);
  .rem-px(border-radius, 60);
}

.userInfo{
  .rem-px(font-size, 30);
  color: #FFA423;
  font-weight: 900;
  .rem-px(padding-left, 50);
  .rem-px(padding-right, 50);
}

.name{
  display: inline-block;
  .rem-px(max-width, 180);
  overflow: hidden;/*内容超出后隐藏*/
  text-overflow: ellipsis;/* 超出内容显示为省略号*/
  white-space: nowrap;/*文本不进行换行*/
}

.role, .phone{
  vertical-align: top;
}

.shopInfo{
  .rem-px(margin-top, 10);
  .rem-px(font-size, 24);
  .rem-px(margin-bottom, 10);
  .rem-px(padding-left, 50);
  .rem-px(padding-right, 50);
  // width: 70%;
}

.boder{
  width: 100%;
}

.codeImg{
  .rem-px(width, 285);
}

.maskSpin{
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(0,0,0,.6);
  display: none;
}

.showModal{
  display: block;
}

.spin{
  // margin: 0 auto;
  text-align: center;
}

.message{
  .rem-px(width, 580);
  .rem-px(margin-top, 250);
  .rem-px(margin-bottom, 70);
}

.know{
  .rem-px(width, 258);
}
